<template>
  <div id="">
    <wxc-popup width="400"
                 :show="showMenu"
                 @wxcPopupOverlayClicked="menuClose"
                 pos="left">
      <wxc-cell :cell-style="personCellStyle" @wxcCellClicked="menuClick('personal')">
        <text class="personalTitle" slot="title">个人信息</text>
        <image class="personImg" slot="label" src="bmlocal://assets/mineAvatar.png"></image>
      </wxc-cell>
      <wxc-cell @wxcCellClicked="menuClick('yearPlan')" title="年检计划">
        <image class="image" slot="label" src="bmlocal://assets/nianjian.png"></image>
      </wxc-cell>
      <!-- <wxc-cell @wxcCellClicked="menuClick('liftDetail')" title="故障维修">
        <image class="image" slot="label" src="bmlocal://assets/weixiu.png"></image>
      </wxc-cell> -->
      <wxc-cell @wxcCellClicked="menuClick('liftContacts')" title="电梯数据">
        <image class="image" slot="label" src="bmlocal://assets/diantishuju.png"></image >
      </wxc-cell>
      <wxc-cell @wxcCellClicked="menuClick('calendar')" title="保养日历">
        <image class="image" slot="label" src="bmlocal://assets/baoyangrili.png"></image>
      </wxc-cell>
      <!-- <wxc-cell @wxcCellClicked="menuClick('test')" title="库存查询">
       <image class="image" slot="label" src="bmlocal://assets/kucunchaxun.png"></image>
      </wxc-cell> -->
      <wxc-cell @wxcCellClicked="menuClick('distribute')"
               :has-margin="true" :has-bottom-border="false" title="保单分配(组长)">
       <image class="image" slot="label" src="bmlocal://assets/baodanfenpei.png"></image>
      </wxc-cell>

    </wxc-popup>
  </div>
</template>
<script>
  import { WxcCell,WxcPopup } from 'weex-ui';
  import util from '../utils/util';
  export default {
    components: { WxcCell,WxcPopup },
    props: {
      showMenu:{
        default:false
      }
    },
    data: () => ({
      personCellStyle:{
        height:'200px',
        backgroundColor:'#f49428'
      }
    }),
    methods: {
      menuClick(e) {
        this.$router.open({
            name: e
        })
      },
      menuClose(){
        this.$emit('closeMenu')
      },
      jump (event) {
        
      }
    }
  }
</script>
<style scoped>
.image {
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.personImg{
  width: 100px;
  height: 100px;
  margin-right: 20px;
  margin-top: 40px;
}
.personalTitle{
  color: #ffffff;
  font-size: 35px;
  margin-top:40px; 
}
</style>
